// 文本颜色
$text-color-0:#000;
$text-color-f:#fff;
$public-bgColor:#29BACD;
$color-333:#333;
$price-color:#CE0B0B; // 价格颜色
	::-webkit-scrollbar {
	    display: none;  
	    width: 0 !important;  
	    height: 0 !important;  
	    -webkit-appearance: none;  
	    background: red;  
	}
page{
	font-size: 30rpx;
}
@keyframes hover{ // hover-class 动画
	0%{
		opacity: 1;
		transform: scale(1);
	}
	50%{
		opacity: 0.8;
		transform: scale(0.95);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}
// 定位
.position-r{
	position: relative;
}
.position-flex-top{
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
}
.position-flex-bottom{
	position:fixed;
	left: 0;
	right: 0;
	bottom: 0;
}
// 字号
.font-34{
	font-size: 34rpx;
}
.font-32{
	font-size: 32rpx;
}
.font-30{
	font-size: 30rpx;
}
.font-28{
	font-size: 28rpx;
}
.font-26{
	font-size: 26rpx;
}
.font-24{
	font-size: 24rpx;
}
// 文字颜色
.textColor-white{
	color:$text-color-f ;
}
.textColor-public{
	color:$color-zt ;
}
// hover-class
.hover-class{
	// transition: all 0.26s; 
	// opacity: 0.8;
	// transform: scale(0.98);
	animation: hover 0.7s ; 
}
// 宽高
.w-100{
	width: 100%;
}
.w-50{
	width: 50%;
}
.h-100{
	height: 100%;
}

.wh-42{
	width: 42rpx;
	height: 42rpx;
}
.wh-70{
	width: 70rpx;
	height: 70rpx;
}
.wh-196{
	width: 196rpx !important;
	height: 196rpx !important;
}
/* 弹性布局 */
.d-flex{
	display: flex;
}
.d-flex-yCenter-ju{
	display: flex;
	align-items: center;
	justify-content: center;
}
.d-flex-column-sb{
	display: flex;
	flex-direction: column;
	// align-items: center;//侧轴方向
	justify-content: space-between;//主轴方向
}
.d-flex-column-sb{
	display: flex;
	flex-direction: column;
	// align-items: center;//侧轴方向
	justify-content: center;//主轴方向
}
.d-flex-yCenter-sb{
	display: flex;
	align-items:center;
	justify-content: space-between;
}
.d-flex-ybetween{
	display: flex;
	justify-content: space-between;
}
.d-flex-yCenter{
	display: flex;
	align-items: center;
}
.d-flex-justCenter{
	display: flex;
	 justify-content: center;
}
.flex-d{
	flex-direction: column;
}

.d-inline-block{
	display: inline-block;
}
.aling-centen{
	align-items: center;
}
.jfy-center{
	justify-content: center;
}
.jfy-sa{
	justify-content: space-around;
}
.jfy-sb{
	justify-content: space-between;
}
.jfy-end{
	justify-content: flex-end;
}
.flex-w{
	flex-wrap: wrap;
}
.flex-grow1{
	flex-grow: 1;
}
.flex-grow2{
	flex-grow: 2;
}
.flex-grow3{
	flex-grow: 3;
}
.flex-grow4{
	flex-grow: 4;
}
.flex-grow5{
	flex-grow: 5;
}
.flex-grow6{
	flex-grow: 6;
}
// 内边距
.pg-30{
	padding: 30rpx;
}
.pt-30{
	padding-top: 30rpx;
}
.pb-30{
	padding-bottom: 30rpx;
}
.pl-30{
	padding-left: 30rpx;
}
.pr-30{
	padding-right: 30rpx;
}
.px-30{
	padding-left: 30rpx;
	padding-right: 30rpx;
}
.py-30{
	padding-top: 30rpx;
	padding-bottom: 30rpx;
}
.py-10{
	padding-top: 13rpx;
	padding-bottom: 13rpx;
}
.py-20{
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}
// 外边距
.mg-30{
	margin: 30rpx;
}
.mx-30{
	margin-left: 30rpx;
	margin-right: 30rpx;
}
.my-30{
	margin-top: 30rpx;
	margin-bottom: 30rpx;
}
.my-20{
	margin-top: 20rpx;
	margin-bottom: 20rpx;
}
.mt-10{
	margin-top: 10rpx;
}
.mt-20{
	margin-top: 20rpx;
}
.mt-30{
	margin-top: 30rpx;
}
.mt-60{
	margin-top: 60rpx;
}
.mb-30{
	margin-bottom: 30rpx;
}
.mb-20{
	margin-bottom: 20rpx;
}
.ml-10{
	margin-left: 10rpx;
}
.ml-30{
	margin-left: 30rpx;
}
.ml-20{
	margin-left: 20rpx;
}
.mr-10{
	margin-right: 10rpx;
}
.mr-20{
	margin-right: 20rpx;
}
.mr-30{
	margin-right: 30rpx;
}
// 阴影
.box-shadow{
	box-shadow: 0rpx 1rpx 21rpx 3rpx rgba(0, 0, 0, 0.08) !important;
}
.box-shadow-g{
	box-shadow: 0rpx 1rpx 21rpx 3rpx rgba(0, 0, 0, 0.2) !important;
}

// 圆角
.border-rs20{
	border-radius: 20rpx;
}
.border-rs30{
	border-radius: 30rpx;
}
.border-rs-y{
	border-radius: 50%;
}
// 背景
// 主题背景
.public-bg{
	background: $public-bgColor;
}
.bgColor-white{
	background: #fff;
}
.body-bgColor{
	background: rgba(0,0,0,0.08);
}
// 文本相关
.Price-color{
	color: $price-color;
}
.text-al-center{
	text-align: center;
}
.text-al-right{
	text-align: right;
}
.font-w{
	font-weight: bold;
}
.text-public-style{
	font-family: PingFang SC;
	font-weight: 500;
	color: #565656;
}
.commodity-price{
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #E4393C;
}
.commodity-text{
	font-size: 26rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #333333;
}
.text-overflow1{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.text-overflow2{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.text-delete-d{
	font-size: 24rpx;
	font-family: PingFang SC;
	text-decoration: line-through;
	color: #8D8D8D;
}
.describe{
	font-size: 24rpx;
	font-family: PingFang SC;
	color: #999999;
}
// 删除线
.text-decoration{
	text-decoration:line-through;
	color: #AEAEAE;
}
.textColor-333{
	color: #333;
}
.textColor666{
	color: #666;
}
.textColor999{
	color: #999;
}
.textColor-white{
	color: #fff;
}
.textColor-black{
	color: #000;
}

.border-b{
	border-bottom: 2rpx solid #ddd;
}
.border-b-yello{
	width: 40rpx;
	height: 6rpx;
	background: #FF7500;
	border-radius:4rpx;
}
// 按钮类
.btn-moeny-fell{
	width: 160rpx;
	line-height: 60rpx;
	border: 1px solid #999999;
	border-radius: 30rpx;
	text-align: center;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #999999;
}
.btn-moeny-succ{
	width: 160rpx;
	line-height: 60rpx;
	background: linear-gradient(135deg, #29BACD, #29C4D8);
	box-shadow: 0rpx 8rpx 22rpx 2rpx rgba(41, 186, 205, 0.29);
	border-radius: 30rpx;
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 500;
	text-align: center;
	color: #fff;
}

// ----------------------------------------------------
// 分割线
.line-scroll{
	width: 690rpx;
	height: 2rpx;
	background: #E0E0E0;
}
.color_yello {
	color: #FF7500;
}
.color_ff {
	color: #FFFFFF;
}
.bg_yello{
	background: #FF9000;
}
.bg_00{
	background-color: #000000
}

.bg_ff{
	background-color: #FFFFFF
}

.color_bs140{
	font-size: 14px; 
	font-weight: bold;
	color: #000000;
}

.over-h{
	overflow: hidden;
}
.box-s{
	box-sizing: border-box;
}
.over_box{
	overflow: hidden;
	box-sizing: border-box;
}
.imgwh-120{
	width: 120rpx;
	height: 120rpx;
}

// button {
// 			margin: 0;
// 			padding: 0;
// 			outline: none;
// 			border-radius: 0;
// 			background-color: transparent;
// 			line-height: inherit;
// 			width: max-content;
// 		}

// 		button:after {
// 			border: none;
// 		}